<template>
<div class="control-section">
   <div id="panel">
                <titleBar :documentName="documentTitle"></titleBar>
                <input type="file" id="fileUpload" ref="uploadDocument" style="position:fixed; left:-100em" @change="fileChange" >   
                <div id="documenteditor_container_panel" :style="styleObject" >        
                    <ejs-documenteditor ref="documenteditor" :enablePrint='true' v-bind:documentChange="documentChangedEvent" v-bind:viewChange="viewChanged" 
                    v-bind:zoomFactorChange = "zoomFactorChangeEvent"
                    id="container" pageOutline="#E0E0E0" style="width: 100%;height: 100%;"></ejs-documenteditor>        
                </div>
                <div class="overlay" id="popup-overlay"></div>
                <div id='waiting-popup'>
                    <svg class="circular" height="40" width="40">
                        <circle class="circle-path" cx="25" cy="25" r="20" fill="none" stroke-width="6" stroke-miterlimit="10" />
                    </svg>
                </div>    
                <statusBar :pageCount="editorPageCount" :currentPage="currentPageNumber" :zoomContent="zoomFactor"></statusBar>
            </div>
    <div id="action-description">
    <p>This sample demonstrates how to view and print Word documents online using document editor.</p>
</div>
<div id="description">
    <p>In this example, document editor is defined as lightweight by injecting only the modules that are necessary for opening and printing Word documents.</p>
    <p style="display: block"> Document editor provides the following document viewing features:
    </p>
    <ul>
        <li>Open Word documents with document elements like text, images, hyperlinks, tables, bookmarks, page numbers, tables
            of contents, headers, and footers.</li>
        <li>Scroll or navigate to specific pages.</li>
        <li>Print Word documents.</li>        
    </ul>
    <p style="display: block"> More information about the document editor features can be found in this
        <a target="_blank" href="http://ej2.syncfusion.com/vue/documentation/document-editor">documentation section.</a>
    </p>
</div>
</div>
</template>
<script>
import Vue from "vue";
import { DocumentEditorPlugin, DocumentEditorComponent, Print } from '@syncfusion/ej2-vue-documenteditor';
import { ButtonPlugin } from '@syncfusion/ej2-vue-buttons';
import { DropDownButtonPlugin } from "@syncfusion/ej2-vue-splitbuttons";
Vue.use(DropDownButtonPlugin);
Vue.use(DocumentEditorPlugin);
Vue.use(ButtonPlugin);

let titleBarComp = {
    props: ['documentName'],
    data() {
        return {
            iconStyle: 'float:right;background: transparent;box-shadow:none;border-color: transparent;border-radius: 2px;color:#ffffff;font-size:12px;text-transform:capitalize;margin-top:2px;height:28px;font-weight:400;font-family:inherit;',
            titileStyle: 'text-transform:capitalize;font-weight:400;font-family:inherit;text-overflow:ellipsis;white-space:pre;overflow:hidden;user-select:none;cursor:text',
            openIconCss: 'e-de-icon-Open e-de-padding-right',
            printIconCss: 'e-de-icon-Print e-de-padding-right'
        }
    },
    template: `<div ref="de_titlebar" id="documenteditor_titlebar" class="e-de-ctn-title">
    <div class="single-line" id="documenteditor_title_contentEditor"  title="Document Name. Click or tap to rename this document." contenteditable="false">
        <label id="documenteditor_title_name" :style="titileStyle" >{{documentName}}</label>
    </div>    
    <ejs-button id="de-print" :style="iconStyle" :iconCss="printIconCss" v-on:click.native="printBtnClick" title="Print this document (Ctrl+P).">Print</ejs-button>	
    <ejs-button id="de-open" :style="iconStyle" :iconCss="openIconCss" v-on:click.native="openBtnClick" title="Open">Open</ejs-button>    
</div>`,
    methods: {
        printBtnClick: function () {
            vm.$refs.documenteditor.ej2Instances.print()
        },
        openBtnClick: function () {
            vm.$refs.uploadDocument.click();
        },
        titleBarKeydownEvent: function (e) {
            if (e.keyCode === 13) {
                e.preventDefault();
                document.getElementById("documenteditor_title_contentEditor").contentEditable = 'false';
                if (document.getElementById("documenteditor_title_contentEditor").textContent === '') {
                    document.getElementById("documenteditor_title_contentEditor").textContent = 'Document1';
                }
            }
        },
        titleBarBlurEvent: function (args) {
            if (document.getElementById("documenteditor_title_contentEditor").textContent === '') {
                document.getElementById("documenteditor_title_contentEditor").textContent = 'Document1';
            }
            document.getElementById("documenteditor_title_contentEditor").contentEditable = 'false';
            vm.$refs.documenteditor.ej2Instances.documentName = document.getElementById("documenteditor_title_name").textContent;
        },
        titleBarClickEvent: function () {
            titleBarComp.methods.updateDocumentEditorTitle();
        },
        updateDocumentEditorTitle: function () {
            document.getElementById("documenteditor_title_contentEditor").contentEditable = 'true';
            document.getElementById("documenteditor_title_contentEditor").focus();
            window.getSelection().selectAllChildren(document.getElementById("documenteditor_title_contentEditor"));
        }
    },
    mounted() {
        document.getElementById("documenteditor_title_contentEditor").addEventListener('keydown', function (e) { titleBarComp.methods.titleBarKeydownEvent(e); });
        document.getElementById("documenteditor_title_contentEditor").addEventListener('blur', function () { titleBarComp.methods.titleBarBlurEvent(); });
        document.getElementById("documenteditor_title_contentEditor").addEventListener('click', function () { titleBarComp.methods.titleBarClickEvent(); });
    }
};
let statusBarComp = {
    props: ['pageCount', 'currentPage', 'zoom', 'zoomContent'],
    data() {
        return {
            zoomContent: "100%",
            zoomItems: [{
                text: '200%',
            },
            {
                text: '175%',
            },
            {
                text: '150%',
            },
            {
                text: '125%',
            },
            {
                text: '100%',
            },
            {
                text: '75%',
            },
            {
                text: '50%',
            },
            {
                text: '25%',
            },
            {
                separator: true
            },
            {
                text: 'Fit one page'
            },
            {
                text: 'Fit page width',
            }]
        }
    },
    template: `<div ref="de_statusbar" id="documenteditor_statusbar">
    <label style="margin-top: 6px;margin-right: 2px">Page </label>
    <div class="single-line e-de-pagenumber-text" id="editablePageNumber" style="font-size:12px;font-weight: 700;border: 1px solid #F1F1F1;display: inline-flex;height: 17px;padding: 0px 4px;" title="The current page number in the document. Click or tap to navigate specific page." contenteditable="false"><label id="documenteditor_page_no" style="text-transform:capitalize;white-space:pre;overflow:hidden;user-select:none;cursor:text;height:17px;max-width:150px">{{currentPage}}</label></div>
    <label id="documenteditor_pagecount" style="margin-left:2px;letter-spacing: 1.05px">of</label>
    <label id="documenteditor_pagecount" style="margin-left:6px;letter-spacing: 1.05px">{{pageCount}}</label>
    <ejs-dropdownbutton ref="de_zoom" :items="zoomItems" class="e-de-print-statusbar" :content="zoomContent" v-bind:select="onZoom" title = "Zoom level. Click or tap to open the Zoom options."></ejs-dropdownbutton>
    </div>
    </div>
        `,
    methods: {
        onZoom: function (args) {
            this.setZoomValue(args.item.text);
            this.zoomContent = Math.round(vm.$refs.documenteditor.ej2Instances.zoomFactor * 100) + '%';

        },
        setZoomValue: function (text) {
            if (text.match('Fit one page')) {
                vm.$refs.documenteditor.ej2Instances.fitPage('FitOnePage');
            } else if (text.match('Fit page width')) {
                vm.$refs.documenteditor.ej2Instances.fitPage('FitPageWidth');
            } else {
                vm.$refs.documenteditor.ej2Instances.zoomFactor = parseInt(text, 0) / 100;
            }
        },
        pageKeydownEvent: function (e) {
            if (e.which === 13) {
                e.preventDefault();
                let pageNumber = parseInt(document.getElementById("editablePageNumber").textContent, 0);
                if (pageNumber > vm.$refs.documenteditor.ej2Instances.pageCount) {
                    statusBarComp.methods.updatePageNumber();
                } else {
                    vm.$refs.documenteditor.ej2Instances.scrollToPage(parseInt(document.getElementById("editablePageNumber").textContent, 0));
                }
                document.getElementById("editablePageNumber").contentEditable = 'false';
                if (document.getElementById("editablePageNumber").textContent === '') {
                    statusBarComp.methods.updatePageNumber();
                }
            }
            if (e.which > 64) {
                e.preventDefault();
            }
        },
        pageBlurEvent: function () {
            if (document.getElementById("editablePageNumber").textContent === '' || parseInt(document.getElementById("editablePageNumber").textContent, 0) > this.editorPageCount) {
                statusBarComp.methods.updatePageNumber();
            }
            document.getElementById("editablePageNumber").contentEditable = 'false';
        },
        pagerClickEvent: function () {
            this.updateDocumentEditorPageNumber();
        },
        updateDocumentEditorPageNumber: function () {
            document.getElementById("editablePageNumber").contentEditable = 'true';
            document.getElementById("editablePageNumber").focus();
            window.getSelection().selectAllChildren(document.getElementById("editablePageNumber"));
        },
        updatePageNumberOnViewChange: function (value) {
            document.getElementById("documenteditor_page_no").textContent = value;
        },
        updatePageNumber: function () {
            document.getElementById("documenteditor_page_no").textContent = vm.$refs.documenteditor.ej2Instances.selection.startPage.toString();
        }
    },
    mounted() {
        this.$nextTick(function () {
            vm.statusBarHeight = document.getElementById('documenteditor_statusbar').offsetHeight;
        });
        document.getElementById("editablePageNumber").addEventListener('keydown', function (e) { statusBarComp.methods.pageKeydownEvent(e); });
        document.getElementById("editablePageNumber").addEventListener('blur', function () { statusBarComp.methods.pageBlurEvent(); });
        document.getElementById("editablePageNumber").addEventListener('click', function () { statusBarComp.methods.pagerClickEvent(); });
    }
};

export default Vue.extend({
    components: {
	'titleBar': titleBarComp, 'statusBar': statusBarComp
    },
    data: function() {
    window.vm = this;    
    let style = 'height: ' + (window.innerHeight - (26 + 36)) + 'px;';
        return {
            documentTitle: 'Untitled Document',
            editorPageCount: 1,
            currentPageNumber: 1,
            styleObject: style,
            zoomFactor: "100%"
        }
    },
    provide:{
        DocumentEditor: [Print]
    },
    methods: {
        fileChange: function (args) {
            if (args.target.files[0]) {
                let path = args.target.files[0];
                if (path.name.substr(path.name.lastIndexOf('.')) === '.sfdt') {
                    let waitingPopUp = document.getElementById('waiting-popup');
                    let overlay = document.getElementById('popup-overlay');
                    overlay.style.display = 'block';
                    waitingPopUp.style.display = 'block';
                    let fileReader = new FileReader();
                    fileReader.onload = (e) => {
                        let contents = e.target.result;
                        this.$refs.documenteditor.ej2Instances.open(contents);
                    };
                    fileReader.readAsText(path);
                    this.$refs.documenteditor.ej2Instances.documentName = path.name.substr(0, path.name.lastIndexOf('.'));
                    overlay.style.display = 'none';
                    waitingPopUp.style.display = 'none';
                } else {
                    this.loadFile(args.target.files[0]);
                }
            }
        },
        documentChangedEvent: function () {
            this.editorPageCount = this.$refs.documenteditor.ej2Instances.pageCount;
            this.documentTitle = this.$refs.documenteditor.ej2Instances.documentName === '' ? 'Untitled Document' : this.$refs.documenteditor.ej2Instances.documentName;
            setTimeout(() => { this.$refs.documenteditor.ej2Instances.scrollToPage(1); }, 10);
        },
        updateContainerSize: function () {
            let containerPanel = document.getElementById('documenteditor_container_panel')
            // if (containerPanel) {
            let val = window.innerHeight - (document.getElementById('documenteditor_titlebar').offsetHeight
                + document.getElementById('documenteditor_statusbar').offsetHeight) + 'px';
            // }            
            return 'height: ' + val + ';';
        },
        viewChanged: function (args) {
            this.currentPageNumber = args.startPage;
        },
        zoomFactorChangeEvent: function () {
            this.zoomFactor = Math.round(this.$refs.documenteditor.ej2Instances.zoomFactor * 100) + '%';
        },
        loadFile: function (path) {
            let hostUrl = 'https://ej2services.syncfusion.com/production/web-services/';
            let baseUrl = hostUrl + 'api/documenteditor/import';
            let httpRequest = new XMLHttpRequest();
            httpRequest.open('POST', baseUrl, true);
            let waitingPopUp = document.getElementById('waiting-popup');
            let overlay = document.getElementById('popup-overlay');
            overlay.style.display = 'block';
            waitingPopUp.style.display = 'block';
            this.$refs.documenteditor.ej2Instances.isReadOnly = true;
            httpRequest.onreadystatechange = () => {
                if (httpRequest.readyState === 4) {
                    if (httpRequest.status === 200 || httpRequest.status === 304) {
                        this.$refs.documenteditor.ej2Instances.open(httpRequest.responseText);
                        this.$refs.documenteditor.ej2Instances.isReadOnly = false;
                        overlay.style.display = 'none';
                        waitingPopUp.style.display = 'none';
                    } else {
                        this.$refs.documenteditor.ej2Instances.isReadOnly = false;
                        console.error(httpRequest.response);
                        overlay.style.display = 'none';
                        waitingPopUp.style.display = 'none';
                    }
                }
            };
            let formData = new FormData();
            formData.append('files', path);
            this.$refs.documenteditor.ej2Instances.documentName = path.name.substr(0, path.name.lastIndexOf('.'));
            httpRequest.send(formData);
        },
        loadDefaultDocument: function () {
            this.$refs.documenteditor.ej2Instances.pageOutline = '#E0E0E0';
            let waitingPopUp = document.getElementById('waiting-popup');
            let overlay = document.getElementById('popup-overlay');
            waitingPopUp.style.display = 'block';
            overlay.style.display = 'block';
            let defaultDocument = { sections: [{ sectionFormat: { pageWidth: 612, pageHeight: 792, leftMargin: 72, rightMargin: 72, topMargin: 72, bottomMargin: 72, differentFirstPage: false, differentOddAndEvenPages: false, headerDistance: 36, footerDistance: 36 }, blocks: [{ paragraphFormat: { styleName: "Title", listFormat: {} }, characterFormat: {}, inlines: [{ characterFormat: {}, text: "The Giant Panda" }] }, { paragraphFormat: { styleName: "Normal", listFormat: {} }, characterFormat: {}, inlines: [{ characterFormat: { fontFamily: "Calibri" }, text: "The giant panda, which only " }, { characterFormat: { fontFamily: "Calibri" }, text: "lives " }, { characterFormat: { fontFamily: "Calibri" }, text: "in China outside of captivity, has captured the hearts of people of all ages across " }, { characterFormat: { fontFamily: "Calibri" }, text: "the globe." }, { characterFormat: {}, text: " " }, { characterFormat: { fontFamily: "Calibri" }, text: "From their furry black and white bodies to their shy and docile nature, they are considered one of the " }, { characterFormat: { fontFamily: "Calibri" }, text: "world's most loved animals." }] }, { paragraphFormat: { styleName: "Normal", listFormat: {} }, characterFormat: {}, inlines: [{ characterFormat: {}, imageString: "", width: 467.4500099999999, height: 262.75 }] }, { paragraphFormat: { afterSpacing: 0, lineSpacing: 1, lineSpacingType: "Multiple", styleName: "Normal", listFormat: {} }, characterFormat: {}, inlines: [{ characterFormat: { bold: true }, text: "Quick Fact" }, { characterFormat: {}, text: " The estimated number of giant pandas in the wild varies between 1,500 and 3,000." }] }, { paragraphFormat: { styleName: "Heading 1", listFormat: {} }, characterFormat: {}, inlines: [{ characterFormat: {}, text: "Intriguing Giant Panda Mysteries" }] }, { paragraphFormat: { afterSpacing: 6, styleName: "Normal", listFormat: {} }, characterFormat: {}, inlines: [{ characterFormat: { fontFamily: "Calibri" }, text: "While most adore their fluffy fur and round heads, which help give them their cuddly bear quality, others are " }, { characterFormat: { fontFamily: "Calibri" }, text: "fascinated by the many mysteries of the giant panda." }, { characterFormat: {}, text: " " }, { characterFormat: { fontFamily: "Calibri" }, text: "Did you know that the giant panda may " }, { characterFormat: { fontFamily: "Calibri" }, text: "actually be" }, { characterFormat: { fontFamily: "Calibri" }, text: " a raccoon, " }, { characterFormat: { fontFamily: "Calibri" }, text: "they have an opposable pseudo thumb, and that they’re technically a carnivore even though their diet is primarily " }, { characterFormat: { fontFamily: "Calibri" }, text: "vegetarian?" }, { characterFormat: {}, text: " " }, { characterFormat: { fontFamily: "Calibri" }, text: "These things and more have baffled scientists and naturalists for hundreds of years." }, { characterFormat: {}, text: " " }] }, { paragraphFormat: { styleName: "Heading 2", listFormat: {} }, characterFormat: {}, inlines: [{ characterFormat: {}, text: "Opposable Pseudo Thumb" }] }, { paragraphFormat: { afterSpacing: 6, styleName: "Normal", listFormat: {} }, characterFormat: {}, inlines: [{ characterFormat: { fontFamily: "Calibri" }, text: "A characteristic of the giant panda that has mystified scientists is their movable, elongated wrist bone that acts like " }, { characterFormat: { fontFamily: "Calibri" }, text: "an opposable thumb." }, { characterFormat: {}, text: " " }, { characterFormat: { fontFamily: "Calibri" }, text: "This human-like quality that helps give them even more of a cuddly-bear appearance enables " }, { characterFormat: { fontFamily: "Calibri" }, text: "the giant panda to pick up objects and even eat sitting up" }, { characterFormat: {}, text: ". " }] }, { paragraphFormat: { afterSpacing: 6, styleName: "Normal", listFormat: {} }, characterFormat: {}, inlines: [{ characterFormat: { bold: true }, text: "Quick Fact" }, { characterFormat: {}, text: " Giant pandas have five clawed toes and one pseudo thumb." }] }, { paragraphFormat: { afterSpacing: 6, styleName: "Normal", listFormat: {} }, characterFormat: {}, inlines: [{ characterFormat: {}, bookmarkType: 0, name: "_GoBack" }, { characterFormat: {}, bookmarkType: 1, name: "_GoBack" }, { characterFormat: { fontFamily: "Calibri" }, text: "Their pseudo thumb, along with pads of skin, help the giant panda strip the more nutritious small bamboo shoots " }, { characterFormat: { fontFamily: "Calibri" }, text: "and leaves while holding the stalk in their mouth." }] }, { paragraphFormat: { styleName: "Heading 2", listFormat: {} }, characterFormat: {}, inlines: [{ characterFormat: {}, text: "Small Bear or Large Raccoon?" }] }, { paragraphFormat: { styleName: "Normal", listFormat: {} }, characterFormat: {}, inlines: [{ characterFormat: { fontFamily: "Calibri" }, text: "Giant pandas are generally referred to as bears and are typically called panda bears rather than giant pandas." }, { characterFormat: {}, text: " " }, { characterFormat: { fontFamily: "Calibri" }, text: "Though we may think they look like bears, there has been a great deal of discussion for decades about where giant " }, { characterFormat: { fontFamily: "Calibri" }, text: "pandas " }, { characterFormat: { fontFamily: "Calibri" }, text: "fit" }, { characterFormat: { fontFamily: "Calibri" }, text: " in the animal kingdom." }, { characterFormat: {}, text: " " }, { characterFormat: { fontFamily: "Calibri" }, text: "Much of the debate has been whether they are more closely related to the red " }, { characterFormat: { fontFamily: "Calibri" }, text: "panda, once thought to be a member of the raccoon family, than the bear family." }] }, { paragraphFormat: { styleName: "Normal", listFormat: {} }, characterFormat: {}, inlines: [{ characterFormat: { fontFamily: "Calibri" }, text: "While a giant panda has a body that resembles a small bear and climbs trees like a bear, it also has several " }, { characterFormat: { fontFamily: "Calibri" }, text: "characteristics in common with the red panda." }, { characterFormat: {}, text: " " }, { characterFormat: { fontFamily: "Calibri" }, text: "For example, both giant pandas and red pandas eat bamboo and " }, { characterFormat: { fontFamily: "Calibri" }, text: "have the same pseudo thumb." }, { characterFormat: {}, text: " " }, { characterFormat: { fontFamily: "Calibri" }, text: "The table below lists the main characteristics the giant panda shares with bears and " }, { characterFormat: { fontFamily: "Calibri" }, text: "red pandas." }] }, { rows: [{ cells: [{ blocks: [{ paragraphFormat: { textAlignment: "Center", styleName: "Normal", listFormat: {} }, characterFormat: { bold: true, fontColor: "#FFFFFFFF" }, inlines: [{ characterFormat: { bold: true, fontColor: "#FFFFFFFF" }, text: "Bear" }] }], cellFormat: { borders: { top: { color: "#00CC66FF", hasNoneStyle: false, lineStyle: "Single", lineWidth: 1, shadow: false, space: 0 }, left: { color: "#00CC66FF", hasNoneStyle: false, lineStyle: "Single", lineWidth: 1, shadow: false, space: 0 }, right: { color: "#00CC66FF", hasNoneStyle: false, lineStyle: "Single", lineWidth: 1, shadow: false, space: 0 }, bottom: { color: "#00CC66FF", hasNoneStyle: false, lineStyle: "Single", lineWidth: 1, shadow: false, space: 0 }, diagonalDown: { color: "#000000", hasNoneStyle: false, lineStyle: "None", lineWidth: 0, shadow: false, space: 0 }, diagonalUp: { color: "#000000", hasNoneStyle: false, lineStyle: "None", lineWidth: 0, shadow: false, space: 0 }, horizontal: { color: "#000000", hasNoneStyle: false, lineStyle: "None", lineWidth: 0, shadow: false, space: 0 }, vertical: { color: "#000000", hasNoneStyle: false, lineStyle: "None", lineWidth: 0, shadow: false, space: 0 } }, shading: { backgroundColor: "#00CC66FF", foregroundColor: "empty", textureStyle: "TextureNone" }, preferredWidth: 50, preferredWidthType: "Percent", cellWidth: 234, columnSpan: 1, rowSpan: 1, verticalAlignment: "Center" }, columnIndex: 0 }, { blocks: [{ paragraphFormat: { textAlignment: "Center", styleName: "Normal", listFormat: {} }, characterFormat: { bold: true, fontColor: "#FFFFFFFF" }, inlines: [{ characterFormat: { bold: true, fontColor: "#FFFFFFFF" }, text: "Red Panda" }] }], cellFormat: { borders: { top: { color: "#00CC66FF", hasNoneStyle: false, lineStyle: "Single", lineWidth: 1, shadow: false, space: 0 }, left: { color: "#00CC66FF", hasNoneStyle: false, lineStyle: "Single", lineWidth: 1, shadow: false, space: 0 }, right: { color: "#00CC66FF", hasNoneStyle: false, lineStyle: "Single", lineWidth: 1, shadow: false, space: 0 }, bottom: { color: "#00CC66FF", hasNoneStyle: false, lineStyle: "Single", lineWidth: 1, shadow: false, space: 0 }, diagonalDown: { color: "#000000", hasNoneStyle: false, lineStyle: "None", lineWidth: 0, shadow: false, space: 0 }, diagonalUp: { color: "#000000", hasNoneStyle: false, lineStyle: "None", lineWidth: 0, shadow: false, space: 0 }, horizontal: { color: "#000000", hasNoneStyle: false, lineStyle: "None", lineWidth: 0, shadow: false, space: 0 }, vertical: { color: "#000000", hasNoneStyle: false, lineStyle: "None", lineWidth: 0, shadow: false, space: 0 } }, shading: { backgroundColor: "#00CC66FF", foregroundColor: "empty", textureStyle: "TextureNone" }, preferredWidth: 50, preferredWidthType: "Percent", cellWidth: 234, columnSpan: 1, rowSpan: 1, verticalAlignment: "Center" }, columnIndex: 1 }], rowFormat: { height: 18, allowBreakAcrossPages: true, heightType: "AtLeast", isHeader: false, borders: { top: { color: "#A6A6A6FF", hasNoneStyle: false, lineStyle: "Single", lineWidth: .75, shadow: false, space: 0 }, left: { color: "#A6A6A6FF", hasNoneStyle: false, lineStyle: "Single", lineWidth: .75, shadow: false, space: 0 }, right: { color: "#A6A6A6FF", hasNoneStyle: false, lineStyle: "Single", lineWidth: .75, shadow: false, space: 0 }, bottom: { color: "#A6A6A6FF", hasNoneStyle: false, lineStyle: "Single", lineWidth: .75, shadow: false, space: 0 }, diagonalDown: { color: "#000000", hasNoneStyle: false, lineStyle: "None", lineWidth: 0, shadow: false, space: 0 }, diagonalUp: { color: "#000000", hasNoneStyle: false, lineStyle: "None", lineWidth: 0, shadow: false, space: 0 }, horizontal: { color: "#A6A6A6FF", hasNoneStyle: false, lineStyle: "Single", lineWidth: .75, shadow: false, space: 0 }, vertical: { color: "#A6A6A6FF", hasNoneStyle: false, lineStyle: "Single", lineWidth: .75, shadow: false, space: 0 } }, gridBefore: 0, gridBeforeWidth: 0, gridBeforeWidthType: "Point", gridAfter: 0, gridAfterWidth: 0, gridAfterWidthType: "Point" } }, { cells: [{ blocks: [{ paragraphFormat: { textAlignment: "Center", styleName: "Normal", listFormat: {} }, characterFormat: {}, inlines: [{ characterFormat: {}, text: "Shape" }] }], cellFormat: { borders: { top: { color: "#00CC66FF", hasNoneStyle: false, lineStyle: "Single", lineWidth: 1, shadow: false, space: 0 }, left: { color: "#000000", hasNoneStyle: false, lineStyle: "None", lineWidth: 0, shadow: false, space: 0 }, right: { color: "#000000", hasNoneStyle: false, lineStyle: "None", lineWidth: 0, shadow: false, space: 0 }, bottom: { color: "#000000", hasNoneStyle: false, lineStyle: "None", lineWidth: 0, shadow: false, space: 0 }, diagonalDown: { color: "#000000", hasNoneStyle: false, lineStyle: "None", lineWidth: 0, shadow: false, space: 0 }, diagonalUp: { color: "#000000", hasNoneStyle: false, lineStyle: "None", lineWidth: 0, shadow: false, space: 0 }, horizontal: { color: "#000000", hasNoneStyle: false, lineStyle: "None", lineWidth: 0, shadow: false, space: 0 }, vertical: { color: "#000000", hasNoneStyle: false, lineStyle: "None", lineWidth: 0, shadow: false, space: 0 } }, shading: { backgroundColor: "#ffffff", foregroundColor: "empty", textureStyle: "TextureNone" }, preferredWidth: 50, preferredWidthType: "Percent", cellWidth: 234, columnSpan: 1, rowSpan: 1, verticalAlignment: "Center" }, columnIndex: 0 }, { blocks: [{ paragraphFormat: { textAlignment: "Center", styleName: "Normal", listFormat: {} }, characterFormat: {}, inlines: [{ characterFormat: {}, text: "Diet" }] }], cellFormat: { borders: { top: { color: "#00CC66FF", hasNoneStyle: false, lineStyle: "Single", lineWidth: 1, shadow: false, space: 0 }, left: { color: "#000000", hasNoneStyle: false, lineStyle: "None", lineWidth: 0, shadow: false, space: 0 }, right: { color: "#000000", hasNoneStyle: false, lineStyle: "None", lineWidth: 0, shadow: false, space: 0 }, bottom: { color: "#000000", hasNoneStyle: false, lineStyle: "None", lineWidth: 0, shadow: false, space: 0 }, diagonalDown: { color: "#000000", hasNoneStyle: false, lineStyle: "None", lineWidth: 0, shadow: false, space: 0 }, diagonalUp: { color: "#000000", hasNoneStyle: false, lineStyle: "None", lineWidth: 0, shadow: false, space: 0 }, horizontal: { color: "#000000", hasNoneStyle: false, lineStyle: "None", lineWidth: 0, shadow: false, space: 0 }, vertical: { color: "#000000", hasNoneStyle: false, lineStyle: "None", lineWidth: 0, shadow: false, space: 0 } }, shading: { backgroundColor: "#ffffff", foregroundColor: "empty", textureStyle: "TextureNone" }, preferredWidth: 50, preferredWidthType: "Percent", cellWidth: 234, columnSpan: 1, rowSpan: 1, verticalAlignment: "Center" }, columnIndex: 1 }], rowFormat: { height: 18, allowBreakAcrossPages: true, heightType: "AtLeast", isHeader: false, borders: { top: { color: "#A6A6A6FF", hasNoneStyle: false, lineStyle: "Single", lineWidth: .75, shadow: false, space: 0 }, left: { color: "#A6A6A6FF", hasNoneStyle: false, lineStyle: "Single", lineWidth: .75, shadow: false, space: 0 }, right: { color: "#A6A6A6FF", hasNoneStyle: false, lineStyle: "Single", lineWidth: .75, shadow: false, space: 0 }, bottom: { color: "#A6A6A6FF", hasNoneStyle: false, lineStyle: "Single", lineWidth: .75, shadow: false, space: 0 }, diagonalDown: { color: "#000000", hasNoneStyle: false, lineStyle: "None", lineWidth: 0, shadow: false, space: 0 }, diagonalUp: { color: "#000000", hasNoneStyle: false, lineStyle: "None", lineWidth: 0, shadow: false, space: 0 }, horizontal: { color: "#A6A6A6FF", hasNoneStyle: false, lineStyle: "Single", lineWidth: .75, shadow: false, space: 0 }, vertical: { color: "#A6A6A6FF", hasNoneStyle: false, lineStyle: "Single", lineWidth: .75, shadow: false, space: 0 } }, gridBefore: 0, gridBeforeWidth: 0, gridBeforeWidthType: "Point", gridAfter: 0, gridAfterWidth: 0, gridAfterWidthType: "Point" } }, { cells: [{ blocks: [{ paragraphFormat: { textAlignment: "Center", styleName: "Normal", listFormat: {} }, characterFormat: {}, inlines: [{ characterFormat: {}, text: "Size" }] }], cellFormat: { borders: { top: { color: "#000000", hasNoneStyle: false, lineStyle: "None", lineWidth: 0, shadow: false, space: 0 }, left: { color: "#000000", hasNoneStyle: false, lineStyle: "None", lineWidth: 0, shadow: false, space: 0 }, right: { color: "#000000", hasNoneStyle: false, lineStyle: "None", lineWidth: 0, shadow: false, space: 0 }, bottom: { color: "#000000", hasNoneStyle: false, lineStyle: "None", lineWidth: 0, shadow: false, space: 0 }, diagonalDown: { color: "#000000", hasNoneStyle: false, lineStyle: "None", lineWidth: 0, shadow: false, space: 0 }, diagonalUp: { color: "#000000", hasNoneStyle: false, lineStyle: "None", lineWidth: 0, shadow: false, space: 0 }, horizontal: { color: "#000000", hasNoneStyle: false, lineStyle: "None", lineWidth: 0, shadow: false, space: 0 }, vertical: { color: "#000000", hasNoneStyle: false, lineStyle: "None", lineWidth: 0, shadow: false, space: 0 } }, shading: { backgroundColor: "#ffffff", foregroundColor: "empty", textureStyle: "TextureNone" }, preferredWidth: 50, preferredWidthType: "Percent", cellWidth: 234, columnSpan: 1, rowSpan: 1, verticalAlignment: "Center" }, columnIndex: 0 }, { blocks: [{ paragraphFormat: { textAlignment: "Center", styleName: "Normal", listFormat: {} }, characterFormat: {}, inlines: [{ characterFormat: {}, text: "Paws" }] }], cellFormat: { borders: { top: { color: "#000000", hasNoneStyle: false, lineStyle: "None", lineWidth: 0, shadow: false, space: 0 }, left: { color: "#000000", hasNoneStyle: false, lineStyle: "None", lineWidth: 0, shadow: false, space: 0 }, right: { color: "#000000", hasNoneStyle: false, lineStyle: "None", lineWidth: 0, shadow: false, space: 0 }, bottom: { color: "#000000", hasNoneStyle: false, lineStyle: "None", lineWidth: 0, shadow: false, space: 0 }, diagonalDown: { color: "#000000", hasNoneStyle: false, lineStyle: "None", lineWidth: 0, shadow: false, space: 0 }, diagonalUp: { color: "#000000", hasNoneStyle: false, lineStyle: "None", lineWidth: 0, shadow: false, space: 0 }, horizontal: { color: "#000000", hasNoneStyle: false, lineStyle: "None", lineWidth: 0, shadow: false, space: 0 }, vertical: { color: "#000000", hasNoneStyle: false, lineStyle: "None", lineWidth: 0, shadow: false, space: 0 } }, shading: { backgroundColor: "#ffffff", foregroundColor: "empty", textureStyle: "TextureNone" }, preferredWidth: 50, preferredWidthType: "Percent", cellWidth: 234, columnSpan: 1, rowSpan: 1, verticalAlignment: "Center" }, columnIndex: 1 }], rowFormat: { height: 18, allowBreakAcrossPages: true, heightType: "AtLeast", isHeader: false, borders: { top: { color: "#A6A6A6FF", hasNoneStyle: false, lineStyle: "Single", lineWidth: .75, shadow: false, space: 0 }, left: { color: "#A6A6A6FF", hasNoneStyle: false, lineStyle: "Single", lineWidth: .75, shadow: false, space: 0 }, right: { color: "#A6A6A6FF", hasNoneStyle: false, lineStyle: "Single", lineWidth: .75, shadow: false, space: 0 }, bottom: { color: "#A6A6A6FF", hasNoneStyle: false, lineStyle: "Single", lineWidth: .75, shadow: false, space: 0 }, diagonalDown: { color: "#000000", hasNoneStyle: false, lineStyle: "None", lineWidth: 0, shadow: false, space: 0 }, diagonalUp: { color: "#000000", hasNoneStyle: false, lineStyle: "None", lineWidth: 0, shadow: false, space: 0 }, horizontal: { color: "#A6A6A6FF", hasNoneStyle: false, lineStyle: "Single", lineWidth: .75, shadow: false, space: 0 }, vertical: { color: "#A6A6A6FF", hasNoneStyle: false, lineStyle: "Single", lineWidth: .75, shadow: false, space: 0 } }, gridBefore: 0, gridBeforeWidth: 0, gridBeforeWidthType: "Point", gridAfter: 0, gridAfterWidth: 0, gridAfterWidthType: "Point" } }, { cells: [{ blocks: [{ paragraphFormat: { textAlignment: "Center", styleName: "Normal", listFormat: {} }, characterFormat: {}, inlines: [{ characterFormat: {}, text: "Shaggy " }, { characterFormat: {}, text: "fur" }] }], cellFormat: { borders: { top: { color: "#000000", hasNoneStyle: false, lineStyle: "None", lineWidth: 0, shadow: false, space: 0 }, left: { color: "#000000", hasNoneStyle: false, lineStyle: "None", lineWidth: 0, shadow: false, space: 0 }, right: { color: "#000000", hasNoneStyle: false, lineStyle: "None", lineWidth: 0, shadow: false, space: 0 }, bottom: { color: "#000000", hasNoneStyle: false, lineStyle: "None", lineWidth: 0, shadow: false, space: 0 }, diagonalDown: { color: "#000000", hasNoneStyle: false, lineStyle: "None", lineWidth: 0, shadow: false, space: 0 }, diagonalUp: { color: "#000000", hasNoneStyle: false, lineStyle: "None", lineWidth: 0, shadow: false, space: 0 }, horizontal: { color: "#000000", hasNoneStyle: false, lineStyle: "None", lineWidth: 0, shadow: false, space: 0 }, vertical: { color: "#000000", hasNoneStyle: false, lineStyle: "None", lineWidth: 0, shadow: false, space: 0 } }, shading: { backgroundColor: "#ffffff", foregroundColor: "empty", textureStyle: "TextureNone" }, preferredWidth: 50, preferredWidthType: "Percent", cellWidth: 234, columnSpan: 1, rowSpan: 1, verticalAlignment: "Center" }, columnIndex: 0 }, { blocks: [{ paragraphFormat: { textAlignment: "Center", styleName: "Normal", listFormat: {} }, characterFormat: {}, inlines: [{ characterFormat: {}, text: "Eyes" }] }], cellFormat: { borders: { top: { color: "#000000", hasNoneStyle: false, lineStyle: "None", lineWidth: 0, shadow: false, space: 0 }, left: { color: "#000000", hasNoneStyle: false, lineStyle: "None", lineWidth: 0, shadow: false, space: 0 }, right: { color: "#000000", hasNoneStyle: false, lineStyle: "None", lineWidth: 0, shadow: false, space: 0 }, bottom: { color: "#000000", hasNoneStyle: false, lineStyle: "None", lineWidth: 0, shadow: false, space: 0 }, diagonalDown: { color: "#000000", hasNoneStyle: false, lineStyle: "None", lineWidth: 0, shadow: false, space: 0 }, diagonalUp: { color: "#000000", hasNoneStyle: false, lineStyle: "None", lineWidth: 0, shadow: false, space: 0 }, horizontal: { color: "#000000", hasNoneStyle: false, lineStyle: "None", lineWidth: 0, shadow: false, space: 0 }, vertical: { color: "#000000", hasNoneStyle: false, lineStyle: "None", lineWidth: 0, shadow: false, space: 0 } }, shading: { backgroundColor: "#ffffff", foregroundColor: "empty", textureStyle: "TextureNone" }, preferredWidth: 50, preferredWidthType: "Percent", cellWidth: 234, columnSpan: 1, rowSpan: 1, verticalAlignment: "Center" }, columnIndex: 1 }], rowFormat: { height: 18, allowBreakAcrossPages: true, heightType: "AtLeast", isHeader: false, borders: { top: { color: "#A6A6A6FF", hasNoneStyle: false, lineStyle: "Single", lineWidth: .75, shadow: false, space: 0 }, left: { color: "#A6A6A6FF", hasNoneStyle: false, lineStyle: "Single", lineWidth: .75, shadow: false, space: 0 }, right: { color: "#A6A6A6FF", hasNoneStyle: false, lineStyle: "Single", lineWidth: .75, shadow: false, space: 0 }, bottom: { color: "#A6A6A6FF", hasNoneStyle: false, lineStyle: "Single", lineWidth: .75, shadow: false, space: 0 }, diagonalDown: { color: "#000000", hasNoneStyle: false, lineStyle: "None", lineWidth: 0, shadow: false, space: 0 }, diagonalUp: { color: "#000000", hasNoneStyle: false, lineStyle: "None", lineWidth: 0, shadow: false, space: 0 }, horizontal: { color: "#A6A6A6FF", hasNoneStyle: false, lineStyle: "Single", lineWidth: .75, shadow: false, space: 0 }, vertical: { color: "#A6A6A6FF", hasNoneStyle: false, lineStyle: "Single", lineWidth: .75, shadow: false, space: 0 } }, gridBefore: 0, gridBeforeWidth: 0, gridBeforeWidthType: "Point", gridAfter: 0, gridAfterWidth: 0, gridAfterWidthType: "Point" } }, { cells: [{ blocks: [{ paragraphFormat: { textAlignment: "Center", styleName: "Normal", listFormat: {} }, characterFormat: {}, inlines: [{ characterFormat: {}, text: "Gait" }] }], cellFormat: { borders: { top: { color: "#000000", hasNoneStyle: false, lineStyle: "None", lineWidth: 0, shadow: false, space: 0 }, left: { color: "#000000", hasNoneStyle: false, lineStyle: "None", lineWidth: 0, shadow: false, space: 0 }, right: { color: "#000000", hasNoneStyle: false, lineStyle: "None", lineWidth: 0, shadow: false, space: 0 }, bottom: { color: "#000000", hasNoneStyle: false, lineStyle: "None", lineWidth: 0, shadow: false, space: 0 }, diagonalDown: { color: "#000000", hasNoneStyle: false, lineStyle: "None", lineWidth: 0, shadow: false, space: 0 }, diagonalUp: { color: "#000000", hasNoneStyle: false, lineStyle: "None", lineWidth: 0, shadow: false, space: 0 }, horizontal: { color: "#000000", hasNoneStyle: false, lineStyle: "None", lineWidth: 0, shadow: false, space: 0 }, vertical: { color: "#000000", hasNoneStyle: false, lineStyle: "None", lineWidth: 0, shadow: false, space: 0 } }, shading: { backgroundColor: "#ffffff", foregroundColor: "empty", textureStyle: "TextureNone" }, preferredWidth: 50, preferredWidthType: "Percent", cellWidth: 234, columnSpan: 1, rowSpan: 1, verticalAlignment: "Center" }, columnIndex: 0 }, { blocks: [{ paragraphFormat: { textAlignment: "Center", styleName: "Normal", listFormat: {} }, characterFormat: {}, inlines: [{ characterFormat: {}, text: "Nose " }, { characterFormat: {}, text: "and teeth" }] }], cellFormat: { borders: { top: { color: "#000000", hasNoneStyle: false, lineStyle: "None", lineWidth: 0, shadow: false, space: 0 }, left: { color: "#000000", hasNoneStyle: false, lineStyle: "None", lineWidth: 0, shadow: false, space: 0 }, right: { color: "#000000", hasNoneStyle: false, lineStyle: "None", lineWidth: 0, shadow: false, space: 0 }, bottom: { color: "#000000", hasNoneStyle: false, lineStyle: "None", lineWidth: 0, shadow: false, space: 0 }, diagonalDown: { color: "#000000", hasNoneStyle: false, lineStyle: "None", lineWidth: 0, shadow: false, space: 0 }, diagonalUp: { color: "#000000", hasNoneStyle: false, lineStyle: "None", lineWidth: 0, shadow: false, space: 0 }, horizontal: { color: "#000000", hasNoneStyle: false, lineStyle: "None", lineWidth: 0, shadow: false, space: 0 }, vertical: { color: "#000000", hasNoneStyle: false, lineStyle: "None", lineWidth: 0, shadow: false, space: 0 } }, shading: { backgroundColor: "#ffffff", foregroundColor: "empty", textureStyle: "TextureNone" }, preferredWidth: 50, preferredWidthType: "Percent", cellWidth: 234, columnSpan: 1, rowSpan: 1, verticalAlignment: "Center" }, columnIndex: 1 }], rowFormat: { height: 18, allowBreakAcrossPages: true, heightType: "AtLeast", isHeader: false, borders: { top: { color: "#A6A6A6FF", hasNoneStyle: false, lineStyle: "Single", lineWidth: .75, shadow: false, space: 0 }, left: { color: "#A6A6A6FF", hasNoneStyle: false, lineStyle: "Single", lineWidth: .75, shadow: false, space: 0 }, right: { color: "#A6A6A6FF", hasNoneStyle: false, lineStyle: "Single", lineWidth: .75, shadow: false, space: 0 }, bottom: { color: "#A6A6A6FF", hasNoneStyle: false, lineStyle: "Single", lineWidth: .75, shadow: false, space: 0 }, diagonalDown: { color: "#000000", hasNoneStyle: false, lineStyle: "None", lineWidth: 0, shadow: false, space: 0 }, diagonalUp: { color: "#000000", hasNoneStyle: false, lineStyle: "None", lineWidth: 0, shadow: false, space: 0 }, horizontal: { color: "#A6A6A6FF", hasNoneStyle: false, lineStyle: "Single", lineWidth: .75, shadow: false, space: 0 }, vertical: { color: "#A6A6A6FF", hasNoneStyle: false, lineStyle: "Single", lineWidth: .75, shadow: false, space: 0 } }, gridBefore: 0, gridBeforeWidth: 0, gridBeforeWidthType: "Point", gridAfter: 0, gridAfterWidth: 0, gridAfterWidthType: "Point" } }], grid: [234, 234], tableFormat: { borders: { top: { color: "#A6A6A6FF", hasNoneStyle: false, lineStyle: "Single", lineWidth: .75, shadow: false, space: 0 }, left: { color: "#A6A6A6FF", hasNoneStyle: false, lineStyle: "Single", lineWidth: .75, shadow: false, space: 0 }, right: { color: "#A6A6A6FF", hasNoneStyle: false, lineStyle: "Single", lineWidth: .75, shadow: false, space: 0 }, bottom: { color: "#A6A6A6FF", hasNoneStyle: false, lineStyle: "Single", lineWidth: .75, shadow: false, space: 0 }, diagonalDown: { color: "#000000", hasNoneStyle: false, lineStyle: "None", lineWidth: 0, shadow: false, space: 0 }, diagonalUp: { color: "#000000", hasNoneStyle: false, lineStyle: "None", lineWidth: 0, shadow: false, space: 0 }, horizontal: { color: "#A6A6A6FF", hasNoneStyle: false, lineStyle: "Single", lineWidth: .75, shadow: false, space: 0 }, vertical: { color: "#A6A6A6FF", hasNoneStyle: false, lineStyle: "Single", lineWidth: .75, shadow: false, space: 0 } }, shading: { backgroundColor: "#ffffff", foregroundColor: "empty", textureStyle: "TextureNone" }, cellSpacing: 0, leftIndent: 0, tableAlignment: "Left", topMargin: 0, rightMargin: 5.75, leftMargin: 5.75, bottomMargin: 0, preferredWidth: 100, preferredWidthType: "Percent" }, description: null, title: null }, { paragraphFormat: { styleName: "Normal", listFormat: {} }, characterFormat: {}, inlines: [] }, { paragraphFormat: { styleName: "Heading 3", listFormat: {} }, characterFormat: {}, inlines: [{ characterFormat: {}, text: "Cat-like features" }] }, { paragraphFormat: { styleName: "Normal", listFormat: {} }, characterFormat: {}, inlines: [{ characterFormat: { fontFamily: "Calibri" }, text: "While the body of a giant panda looks like that of a bear and the dark circles around its eyes resemble those of a " }, { characterFormat: { fontFamily: "Calibri" }, text: "red panda or raccoon, its pupils have vertical slits like the eyes of a cat." }, { characterFormat: {}, text: " Because of the" }, { characterFormat: {}, text: "ir " }, { characterFormat: {}, text: "unusual eyes" }, { characterFormat: {}, text: ", a popular " }, { characterFormat: {}, text: "Chinese name for " }, { characterFormat: {}, text: "panda" }, { characterFormat: {}, text: " i" }, { characterFormat: {}, text: "s " }, { characterFormat: {}, text: "‘big bear cat’ or" }, { characterFormat: {}, text: "大" }, { characterFormat: {}, text: "‍" }, { characterFormat: {}, text: "熊" }, { characterFormat: {}, text: "‍" }, { characterFormat: {}, text: "貓" }, { characterFormat: {}, text: " /" }, { characterFormat: {}, text: "dà" }, { characterFormat: {}, text: " " }, { characterFormat: {}, text: "xióng" }, { characterFormat: {}, text: " " }, { characterFormat: {}, text: "māo" }, { characterFormat: {}, text: ", pronounced as dah-" }, { characterFormat: {}, text: "sshyong" }, { characterFormat: {}, text: "-" }, { characterFormat: {}, text: "maow" }, { characterFormat: {}, text: "." }] }, { paragraphFormat: { styleName: "Heading 3", listFormat: {} }, characterFormat: {}, inlines: [{ characterFormat: {}, text: "DNA " }, { characterFormat: {}, text: "r" }, { characterFormat: {}, text: "esults" }] }, { paragraphFormat: { styleName: "Normal", listFormat: {} }, characterFormat: {}, inlines: [{ characterFormat: {}, text: "DNA analysis" }, { characterFormat: {}, text: " has put one mystery to rest" }, { characterFormat: {}, text: ". " }, { characterFormat: { fontFamily: "Calibri" }, text: "It has revealed that while the red panda is a distant relation, the giant " }, { characterFormat: { fontFamily: "Calibri" }, text: "panda's closest relative is the spectacled bear from South America." }] }, { paragraphFormat: { styleName: "Heading 2", listFormat: {} }, characterFormat: {}, inlines: [{ characterFormat: {}, text: "Mostly Vegetarian Diet" }] }, { paragraphFormat: { styleName: "Normal", listFormat: {} }, characterFormat: {}, inlines: [{ characterFormat: {}, text: "Giant pandas " }, { characterFormat: {}, text: "love" }, { characterFormat: {}, text: " bamboo! In fact, their diet is 99% bamboo. Along with bamboo, they eat other plants, small " }, { characterFormat: {}, text: "rodents, and occasionally fish. The mystery behind their diet is they have the digestive system of a carnivore. " }] }, { paragraphFormat: { styleName: "Normal", listFormat: {} }, characterFormat: {}, inlines: [{ characterFormat: {}, text: "Their ability to digest bamboo is attributed to tiny microbes that live within their digestive system. " }, { characterFormat: { fontFamily: "Calibri" }, text: "As they can only " }, { characterFormat: { fontFamily: "Calibri" }, text: "digest about 20% of what they eat, the average giant panda consumes around 14 kilograms (30 pounds) of bamboo " }, { characterFormat: { fontFamily: "Calibri" }, text: "a day." }, { characterFormat: {}, text: " In comparison, humans eat about 2 kilograms (5 pounds) of food a day. This enormous diet means the giant " }, { characterFormat: {}, text: "panda spends more than 12 hours a day eating to stay nourished. " }] }, { paragraphFormat: { beforeSpacing: 7, styleName: "Normal", listFormat: {} }, characterFormat: {}, inlines: [{ characterFormat: { bold: true }, text: "Quick Fact " }, { characterFormat: {}, text: "As the seasons change, the giant panda prefers different species and parts of bamboo." }] }, { paragraphFormat: { styleName: "Heading 2", listFormat: {} }, characterFormat: {}, inlines: [{ characterFormat: {}, text: "Tiny Cubs" }] }, { paragraphFormat: { styleName: "Normal", listFormat: {} }, characterFormat: {}, inlines: [{ characterFormat: { fontFamily: "Calibri" }, text: "An infant giant panda cub is about the size of a croissant, weighs less than a teacup and is about 900 times smaller " }, { characterFormat: { fontFamily: "Calibri" }, text: "than its mother. " }, { characterFormat: {}, text: "An average adult mother weighs around 91 kilograms (200 pounds) while " }, { characterFormat: {}, text: "newborn weighs" }, { characterFormat: {}, text: " only 83 " }, { characterFormat: {}, text: "to 190 grams (3 to 4 ounces)." }] }, { paragraphFormat: { styleName: "Heading 1", listFormat: {} }, characterFormat: {}, inlines: [{ characterFormat: {}, text: "Other Fun Giant Panda Facts" }] }, { paragraphFormat: { leftIndent: 28.799999237060547, styleName: "List Paragraph", listFormat: { listId: 1, listLevelNumber: 0 } }, characterFormat: {}, inlines: [{ characterFormat: { fontFamily: "Calibri" }, text: "Researchers have recently discovered that the gene responsible for tasting " }, { characterFormat: { fontFamily: "Calibri" }, text: "savory" }, { characterFormat: { fontFamily: "Calibri" }, text: " or umami " }, { characterFormat: { fontFamily: "Calibri" }, text: "flavors" }, { characterFormat: { fontFamily: "Calibri" }, text: ", such as " }, { characterFormat: { fontFamily: "Calibri" }, text: "meat, is inactive in giant pandas." }] }, { paragraphFormat: { leftIndent: 28.799999237060547, styleName: "List Paragraph", listFormat: { listId: 1, listLevelNumber: 0 } }, characterFormat: {}, inlines: [{ characterFormat: {}, text: "For many centuries, giant pandas were thought to be a mythical creature" }, { characterFormat: {}, text: "," }, { characterFormat: {}, text: " " }, { characterFormat: {}, text: "like" }, { characterFormat: {}, text: " a dragon or unicorn" }, { characterFormat: {}, text: "." }] }, { paragraphFormat: { leftIndent: 28.799999237060547, styleName: "List Paragraph", listFormat: { listId: 1, listLevelNumber: 0 } }, characterFormat: {}, inlines: [{ characterFormat: {}, text: "Unlike other bears in the region, giant pandas don’t hibernate. " }] }, { paragraphFormat: { leftIndent: 28.799999237060547, styleName: "List Paragraph", listFormat: { listId: 1, listLevelNumber: 0 } }, characterFormat: {}, inlines: [{ characterFormat: {}, text: "Giant pandas can stand erect on their hind legs but rarely walk." }] }, { paragraphFormat: { leftIndent: 28.799999237060547, styleName: "List Paragraph", listFormat: { listId: 1, listLevelNumber: 0 } }, characterFormat: {}, inlines: [{ characterFormat: {}, text: "The " }, { characterFormat: {}, text: "Qinling" }, { characterFormat: {}, text: " panda, another giant panda species with a dark brown and light brown coat, live" }, { characterFormat: {}, text: "s" }, { characterFormat: {}, text: " only in the " }, { characterFormat: {}, text: "mountains of Shaanxi. " }] }, { paragraphFormat: { leftIndent: 28.799999237060547, styleName: "List Paragraph", listFormat: { listId: 1, listLevelNumber: 0 } }, characterFormat: {}, inlines: [{ characterFormat: {}, text: "Giant pandas have very sensitive hearing and smell" }, { characterFormat: {}, text: "," }, { characterFormat: {}, text: " but " }, { characterFormat: {}, text: "they " }, { characterFormat: {}, text: "have poor eyesight." }] }, { paragraphFormat: { leftIndent: 28.799999237060547, styleName: "List Paragraph", listFormat: { listId: 1, listLevelNumber: 0 } }, characterFormat: {}, inlines: [{ characterFormat: {}, text: "A newborn giant panda is blind and look" }, { characterFormat: {}, text: "s" }, { characterFormat: {}, text: " like " }, { characterFormat: {}, text: "a " }, { characterFormat: {}, text: "tiny" }, { characterFormat: {}, text: "," }, { characterFormat: {}, text: " pink" }, { characterFormat: {}, text: "," }, { characterFormat: {}, text: " hairless " }, { characterFormat: {}, text: "mouse" }, { characterFormat: {}, text: "." }] }], headersFooters: { header: { blocks: [{ paragraphFormat: { styleName: "Header", listFormat: {} }, characterFormat: {}, inlines: [] }] }, footer: { blocks: [{ paragraphFormat: { styleName: "Footer", listFormat: {} }, characterFormat: {}, inlines: [] }] }, evenHeader: { blocks: [{ paragraphFormat: { styleName: "Header", listFormat: {} }, characterFormat: {}, inlines: [] }] }, evenFooter: { blocks: [{ paragraphFormat: { styleName: "Footer", listFormat: {} }, characterFormat: {}, inlines: [] }] }, firstPageHeader: { blocks: [{ paragraphFormat: { styleName: "Header", listFormat: {} }, characterFormat: {}, inlines: [] }] }, firstPageFooter: { blocks: [{ paragraphFormat: { styleName: "Footer", listFormat: {} }, characterFormat: {}, inlines: [] }] } } }], characterFormat: { fontSize: 11, fontFamily: "Calibri" }, paragraphFormat: { afterSpacing: 10, lineSpacing: 1.149999976158142, lineSpacingType: "Multiple", listFormat: {} }, styles: [{ name: "Normal", type: "Paragraph", paragraphFormat: { listFormat: {} }, characterFormat: { fontSize: 10, fontColor: "#595959FF" }, next: "Normal" }, { name: "Heading 1", type: "Paragraph", paragraphFormat: { beforeSpacing: 24, afterSpacing: 0, outlineLevel: "Level1", listFormat: {} }, characterFormat: { fontSize: 18, fontFamily: "Segoe UI" }, basedOn: "Normal", link: "Heading 1 Char", next: "Normal" }, { name: "Heading 1 Char", type: "Character", characterFormat: { fontSize: 14, fontFamily: "Segoe UI", fontColor: "#595959FF" }, basedOn: "Default Paragraph Font" }, { name: "Default Paragraph Font", type: "Character", characterFormat: {} }, { name: "Heading 2", type: "Paragraph", paragraphFormat: { beforeSpacing: 12, afterSpacing: 0, outlineLevel: "Level2", listFormat: {} }, characterFormat: { bold: true, fontSize: 12, fontFamily: "Segoe UI", fontColor: "#00CC66FF" }, basedOn: "Normal", link: "Heading 2 Char", next: "Normal" }, { name: "Heading 2 Char", type: "Character", characterFormat: { bold: true, fontSize: 13, fontFamily: "Segoe UI", fontColor: "#00CC66FF" }, basedOn: "Default Paragraph Font" }, { name: "Heading 3", type: "Paragraph", paragraphFormat: { beforeSpacing: 5, afterSpacing: 0, outlineLevel: "Level3", listFormat: {} }, characterFormat: { bold: true }, basedOn: "Normal", link: "Heading 3 Char", next: "Normal" }, { name: "Heading 3 Char", type: "Character", characterFormat: { bold: true, fontSize: 10, fontColor: "#595959FF" }, basedOn: "Default Paragraph Font" }, { name: "Title", type: "Paragraph", paragraphFormat: { afterSpacing: 30, lineSpacing: 1, lineSpacingType: "Multiple", listFormat: {} }, characterFormat: { fontSize: 40, fontFamily: "Segoe UI Light", fontColor: "#00CC66FF" }, basedOn: "Normal", link: "Title Char", next: "Normal" }, { name: "Title Char", type: "Character", characterFormat: { fontSize: 40, fontFamily: "Segoe UI Light", fontColor: "#00CC66FF" }, basedOn: "Default Paragraph Font" }, { name: "Quote", type: "Paragraph", paragraphFormat: { lineSpacing: 1, lineSpacingType: "Multiple", listFormat: {} }, characterFormat: { fontSize: 16, fontFamily: "Segoe UI Light", fontColor: "#00CC66FF" }, basedOn: "Normal", link: "Quote Char", next: "Normal" }, { name: "Quote Char", type: "Character", characterFormat: { fontSize: 16, fontFamily: "Segoe UI Light", fontColor: "#00CC66FF" }, basedOn: "Default Paragraph Font" }, { name: "Balloon Text", type: "Paragraph", paragraphFormat: { afterSpacing: 0, lineSpacing: 1, lineSpacingType: "Multiple", listFormat: {} }, characterFormat: { fontSize: 8, fontFamily: "Tahoma" }, basedOn: "Normal", link: "Balloon Text Char" }, { name: "Balloon Text Char", type: "Character", characterFormat: { fontSize: 8, fontFamily: "Tahoma", fontColor: "#595959FF" }, basedOn: "Default Paragraph Font" }, { name: "Quick Fact", type: "Paragraph", paragraphFormat: { afterSpacing: 0, lineSpacing: 1, lineSpacingType: "Multiple", listFormat: {} }, characterFormat: { italic: true, fontFamily: "Cambria" }, basedOn: "Normal" }, { name: "List Paragraph", type: "Paragraph", paragraphFormat: { leftIndent: 36, beforeSpacing: 10, listFormat: {} }, characterFormat: {}, basedOn: "Normal", next: "List Paragraph" }, { name: "annotation reference", type: "Character", characterFormat: { fontSize: 8 }, basedOn: "Default Paragraph Font" }, { name: "annotation text", type: "Paragraph", paragraphFormat: { lineSpacing: 1, lineSpacingType: "Multiple", listFormat: {} }, characterFormat: {}, basedOn: "Normal", link: "Comment Text Char" }, { name: "Comment Text Char", type: "Character", characterFormat: { fontSize: 10, fontColor: "#595959FF" }, basedOn: "Default Paragraph Font" }, { name: "annotation subject", type: "Paragraph", paragraphFormat: { listFormat: {} }, characterFormat: { bold: true }, basedOn: "annotation text", link: "Comment Subject Char", next: "annotation text" }, { name: "Comment Subject Char", type: "Character", characterFormat: { bold: true, fontSize: 10, fontColor: "#595959FF" }, basedOn: "Comment Text Char" }, { name: "Header", type: "Paragraph", paragraphFormat: { afterSpacing: 0, lineSpacing: 1, lineSpacingType: "Multiple", listFormat: {}, tabs: [{ position: 234, deletePosition: 0, tabJustification: "Center", tabLeader: "None" }, { position: 468, deletePosition: 0, tabJustification: "Right", tabLeader: "None" }] }, characterFormat: {}, basedOn: "Normal", link: "Header Char", next: "Normal" }, { name: "Header Char", type: "Character", characterFormat: { fontSize: 10, fontColor: "#595959FF" }, basedOn: "Default Paragraph Font" }, { name: "Footer", type: "Paragraph", paragraphFormat: { afterSpacing: 0, lineSpacing: 1, lineSpacingType: "Multiple", listFormat: {}, tabs: [{ position: 234, deletePosition: 0, tabJustification: "Center", tabLeader: "None" }, { position: 468, deletePosition: 0, tabJustification: "Right", tabLeader: "None" }] }, characterFormat: {}, basedOn: "Normal", link: "Footer Char", next: "Normal" }, { name: "Footer Char", type: "Character", characterFormat: { fontSize: 10, fontColor: "#595959FF" }, basedOn: "Default Paragraph Font" }, { name: "Hyperlink", type: "Character", characterFormat: { underline: "Single", fontColor: "#085296FF" }, basedOn: "Default Paragraph Font" }], lists: [{ abstractListId: 1, listId: 1 }], abstractLists: [{ abstractListId: 1, levels: [{ characterFormat: { fontFamily: "Wingdings" }, paragraphFormat: { leftIndent: 36, firstLineIndent: -18, listFormat: {} }, followCharacter: "Tab", listLevelPattern: "Bullet", numberFormat: "", restartLevel: 0, startAt: 0 }, { characterFormat: { fontFamily: "Courier New" }, paragraphFormat: { leftIndent: 72, firstLineIndent: -18, listFormat: {} }, followCharacter: "Tab", listLevelPattern: "Bullet", numberFormat: "o", restartLevel: 0, startAt: 0 }, { characterFormat: { fontFamily: "Wingdings" }, paragraphFormat: { leftIndent: 108, firstLineIndent: -18, listFormat: {} }, followCharacter: "Tab", listLevelPattern: "Bullet", numberFormat: "", restartLevel: 0, startAt: 0 }, { characterFormat: { fontFamily: "Symbol" }, paragraphFormat: { leftIndent: 144, firstLineIndent: -18, listFormat: {} }, followCharacter: "Tab", listLevelPattern: "Bullet", numberFormat: "", restartLevel: 0, startAt: 0 }, { characterFormat: { fontFamily: "Courier New" }, paragraphFormat: { leftIndent: 180, firstLineIndent: -18, listFormat: {} }, followCharacter: "Tab", listLevelPattern: "Bullet", numberFormat: "o", restartLevel: 0, startAt: 0 }, { characterFormat: { fontFamily: "Wingdings" }, paragraphFormat: { leftIndent: 216, firstLineIndent: -18, listFormat: {} }, followCharacter: "Tab", listLevelPattern: "Bullet", numberFormat: "", restartLevel: 0, startAt: 0 }, { characterFormat: { fontFamily: "Symbol" }, paragraphFormat: { leftIndent: 252, firstLineIndent: -18, listFormat: {} }, followCharacter: "Tab", listLevelPattern: "Bullet", numberFormat: "", restartLevel: 0, startAt: 0 }, { characterFormat: { fontFamily: "Courier New" }, paragraphFormat: { leftIndent: 288, firstLineIndent: -18, listFormat: {} }, followCharacter: "Tab", listLevelPattern: "Bullet", numberFormat: "o", restartLevel: 0, startAt: 0 }, { characterFormat: { fontFamily: "Wingdings" }, paragraphFormat: { leftIndent: 324, firstLineIndent: -18, listFormat: {} }, followCharacter: "Tab", listLevelPattern: "Bullet", numberFormat: "", restartLevel: 0, startAt: 0 }] }] };
            this.$refs.documenteditor.ej2Instances.documentName = 'Getting Started';
            this.$refs.documenteditor.ej2Instances.open(JSON.stringify(defaultDocument));
            overlay.style.display = 'none';
            waitingPopUp.style.display = 'none';
        }
    },
    mounted() {
    this.loadDefaultDocument();    
    }
});
</script>
<style>
.center {
    text-align: center;
    display: none;
    font-size: 13px;
    font-weight: 400;
    margin-top: 20px;
}

.sb-content-tab .center {
    display: block;
}

.sb-content-tab #wrapper {
    display: none;
}

#wrapper {
    width: 100%;
    height: 100%;
}

body {
    margin: 0;
    height: 100%;
    width: 100%;
    overflow: hidden;
}

#documenteditor_container_panel {
    width: 100%;
    height: 100%;
    border: solid 1px #D9D9D9;
}

#documenteditor_statusbar {
    height: 28px;
    min-height: 28px;
    width: 100%;
    background: #F1F1F1;
    font-size: 12px;
    color: #515151;
    border: 0.5px solid #D4D4D4;
    padding-right: 15px;
    padding-left: 15px;
    position: relative;
}

.overlay {
    z-index: 10;
    display: none;
    position: fixed;
    background-color: #383838;
    height: 100%;
    width: 100%;
    opacity: .5;
    left: 0;
    top: 0;
}

.e-de-print-statusbar {
    background-color: #F1F1F1;
    border: 0;
    color: #000;
    float: right;
    height: 26px;
}

.e-bigger .e-de-print-statusbar {
    background-color: #F1F1F1;
    border: 0;
    color: #000;
    float: right;
    height: 26px;
    padding-top: 0;
}

#documenteditor_titlebar {
    height: 36px;
    line-height: 26px;
    width: 100%;
    font-size: 12px;
    padding-left: 15px;
    padding-right: 10px;
    font-family: inherit;
}

#documenteditor_title_contentEditor {
    height: 26px;
    max-width: 85%;
    width: auto;
    overflow: hidden;
    display: inline-block;
    padding-left: 4px;
    padding-right: 4px;
    margin: 5px;
}

.single-line {
    cursor: text !important;
    outline: none;
}

.single-line:hover {
    border-color: #e4e4e4 !important;
}

[contenteditable="true"].single-line {
    white-space: nowrap;
    border-color: #e4e4e4 !important;
}

#waiting-popup {
    width: 56px;
    height: 56px;
    position: absolute;
    top: calc(50% - 28px);
    left: calc(50% - 28px);
    border-radius: 50%;
    padding: 3px;
    box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
    overflow: hidden;
    background-color: white;
    z-index: 20;
    display: none;
}

.circular {
    animation: rotate 2s linear infinite;
    height: 50px;
    width: 50px;
    border-radius: 50%;
}

.circle-path {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
    animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
    stroke-linecap: round;
    stroke: #2B3481;
}

@keyframes rotate {
    100% {
        transform: rotate(360deg);
    }
}

@keyframes dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0;
    }
    50% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -35;
    }
    100% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -124;
    }
}

@font-face {
    font-family: 'Sample level icons FONT';
    src: url(data:application/x-font-ttf;charset=utf-8;base64,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ZQAgAGwAZQB2AGUAbAAgAGkAYwBvAG4AcwAgAEYATwBOAFQAUgBlAGcAdQBsAGEAcgBTAGEAbQBwAGwAZQAgAGwAZQB2AGUAbAAgAGkAYwBvAG4AcwAgAEYATwBOAFQAUwBhAG0AcABsAGUAIABsAGUAdgBlAGwAIABpAGMAbwBuAHMAIABGAE8ATgBUAFYAZQByAHMAaQBvAG4AIAAxAC4AMABTAGEAbQBwAGwAZQAgAGwAZQB2AGUAbAAgAGkAYwBvAG4AcwAgAEYATwBOAFQARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAdQBzAGkAbgBnACAAUwB5AG4AYwBmAHUAcwBpAG8AbgAgAE0AZQB0AHIAbwAgAFMAdAB1AGQAaQBvAHcAdwB3AC4AcwB5AG4AYwBmAHUAcwBpAG8AbgAuAGMAbwBtAAAAAAIAAAAAAAAACgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAPwECAQMBBAEFAQYBBwEIAQkBCgELAQwBDQEOAQ8BEAERARIBEwEUARUBFgEXARgBGQEaARsBHAEdAR4BHwEgASEBIgEjASQBJQEmAScBKAEpASoBKwEsAS0BLgEvATABMQEyATMBNAE1ATYBNwE4ATkBOgE7ATwBPQE+AT8BQAALU3Ryb2tlU3R5bGUIQm9va21hcmsHUGljdHVyZQRGaW5kDU91dHNpZGVCb3JkZXIHSnVzdGlmeQVDbG9zZQ5EZWNyZWFzZUluZGVudBVQaXhlbEFsaWduQ2VudGVyVGFibGUPQmFja2dyb3VuZENvbG9yC0FsaWduQm90dG9tCVBhZ2VTZXR1cA5IaWdobGlnaHRDb2xvcgtTdXBlcnNjcmlwdAVUYWJsZQRVbmRvC0luc2VydEJlbG93CVRvcEJvcmRlcgpQYWdlTnVtYmVyEEFsaWduQ2VudGVyVGFibGUOSW5jcmVhc2VJbmRlbnQEQm9sZAlBbGlnbkxlZnQGRm9vdGVyC0luc2VydFJpZ2h0CVVuZGVybGluZQpJbnNlcnRMZWZ0BExvY2sGSGVhZGVyDVN0cmlrZXRocm91Z2gIQ2xlYXJBbGwLUmlnaHRCb3JkZXIKQWxpZ25SaWdodARPcGVuClN0cm9rZVNpemUFUHJpbnQLRGVsZXRlVGFibGUJRm9udENvbG9yDUluc2lkZUJvcmRlcnMKRGVsZXRlUm93cwtMaW5lU3BhY2luZwxTaG93SGlkZVBhbmUUSW5zaWRlVmVydGljYWxCb3JkZXIIQWxpZ25UT3AEUmVkbwxCb3R0b21Cb3JkZXIDTmV3BVBhc3RlB0J1bGxldHMEQ2VsbA1EZWxldGVDb2x1bW5zCkFsbEJvcmRlcnMJU3Vic2NyaXB0CERvd25sb2FkDlRhYmxlT2ZDb250ZW50Bkl0YWxpYxZJbnNpZGVIb3Jpem9uZGFsYm9yZGVyC0xlZnRCb3JkZXJzCU51bWJlcmluZwRMaW5rC0FsaWduQ2VudGVyC0luc2VydEFib3ZlAAAAAAA=) format('truetype');
    font-weight: normal;
    font-style: normal;
}

[class^="e-de-icon-"],
[class*="e-de-icon-"] {
    font-family: 'Sample level icons FONT' !important;
}

.e-de-icon-Open:before {
    content: "\e721";
}

.e-de-icon-Print:before {
    content: "\e723";
}
/* end of styles */
</style>